Skip to main content

Cat Wrapper for Fence-It ALL-OPTIONS class

Note: for this code to work it needs to have all 4 classes on the containing div, .logo-icons , .all-options , cat-wrapper and .double . This makes full sizes images. Another new class was added .images-contianer to hold the images.

<div class="cat-wrapper logo-icons all-options double">
<div class="cat-item-wrapper">
<a class="cat-img-link" href="#">
<div class="cat-logo">
<img src="#" alt="" />
</div>
<div class="images-container">
<img src="#" alt="" />
<img src="#" alt="" />
</div>
<div class="cat-product-shop">
<h3 class="cat-product-name">**name goes here**</h3>
</div>
<div class="cat-icons">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
</div>
</a>
</div>
</div>

opt1-banner

Note: for this code to work it needs to have all 4 classes on the containing div, .logo-icons , .all-options , cat-wrapper and .double . Adding a class of cat-img to the images inside of the images-container will make the images smaller.

<div class="cat-wrapper logo-icons all-options double">
<div class="cat-item-wrapper">
<a class="cat-img-link" href="#">
<div class="cat-logo">
<img src="#" alt="" />
</div>
<div class="images-container">
<img class="cat-img" src="#" alt="" />
<img class="cat-img" src="#" alt="" />
</div>
<div class="cat-product-shop">
<h3 class="cat-product-name">**name goes here**</h3>
</div>
<div class="cat-icons">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
</div>
</a>
</div>
</div>

opt1-banner

Note: for this code to work it needs to have all 4 classes on the containing div, .logo-icons , .all-options , cat-wrapper and .double . This is an example without the logo only.

<div class="cat-wrapper logo-icons all-options double">
<div class="cat-item-wrapper">
<a class="cat-img-link" href="#">
<div class="cat-logo">
</div>
<div class="images-container">
<img src="#" alt="" />
<img src="#" alt="" />
</div>
<div class="cat-product-shop">
<h3 class="cat-product-name">**name goes here**</h3>
</div>
<div class="cat-icons">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
<img src="#" alt="">
</div>
</a>
</div>
</div>

opt1-banner

Note: for this code to work it needs to have all 4 classes on the containing div, .logo-icons , .all-options , cat-wrapper and .double . This is an example without the icons only.

<div class="cat-wrapper logo-icons all-options double">
<div class="cat-item-wrapper">
<a class="cat-img-link" href="#">
<div class="cat-logo">
<img src="#" alt="" />
</div>
<div class="images-container">
<img src="#" alt="" />
<img src="#" alt="" />
</div>
<div class="cat-product-shop">
<h3 class="cat-product-name">**name goes here**</h3>
</div>
</a>
</div>
</div>

opt1-banner